<template>
  <div class="app-container">
    <list-page-container>
      <template slot="table">
        <el-table @sort-change="handleSortChange" height="100%" v-loading="loading" :data="dataList">
          <el-table-column label="任务类型" align="center" prop="taskTypeName"/>
          <el-table-column label="任务开始时间" align="center" prop="taskStartTime"/>
          <el-table-column label="任务结束时间" align="center" prop="taskEndTime"/>
          <el-table-column label="任务状态" align="center" prop="taskStateName"/>

          <el-table-column width="200" label="操作" align="center" class-name="small-padding fixed-width">
            <template slot-scope="scope">
              <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-search"
                  @click="showInfo(scope.row)"
              >查看明细
              </el-button>
            </template>
          </el-table-column>
        </el-table>
      </template>

      <template slot="pageDisplay">
        <pagination
            v-show="total>0"
            :total="total"
            :page.sync="tableQueryParams.pageNum"
            :limit.sync="tableQueryParams.pageSize"
            @pagination="getList"
        />
      </template>
    </list-page-container>


  </div>

</template>

<script>
import {listPageMixins} from "@/mixins/listPageMixins";
import ShowFileList from "@/components/ShowFileList/index.vue";
import {sysTaskList} from "@/api/importTask";

export default {
  name:'importTaskListPage',
  mixins: [listPageMixins],
  components: {
    ShowFileList,
  },
  data() {
    return {
      // 查询参数
      queryParams: {
      },
      otherQueryParam: {
      },
      getListFun: sysTaskList,
    }
  },
  methods:{
    showInfo(row){
      let {id} = row
      this.$router.push({path: '/system/importTaskInfoPage', query: {id}})
    }
  }
}
</script>

<style scoped>

</style>
